{% extends "base.html"%}
{% block title %}
	摄影
{% endblock %}
{% block banner %}
	<div id='top-sec-nav' style='border-bottom: 2px solid rgba(228, 117, 224, 0.4);'>
		<div class='banner-nav-left'>
			<a href='/blog/pic/'>
				<div style='float: left; width: 50%; background: rgba(228, 117, 224, 0.4);'><p>摄影集</p></div>
			</a>	
			<div style='float: left; width: 50%; background: rgba(228, 117, 224, 0.6);'><p style='color:#007bc4'>照片墙</p></div>
		</div>
		<div class='banner-nav-lable'><p>一张静止的照片，往往能够让我们有更多时间深入的去观察，去思考，去回忆...</p></div>
	</div>
{% endblock %}
{% block container %}
	<div class='blog-view'>
		<div class='blog-left' >
			<div class='pics-view'>
				<ul id='gallery'>
				{% for pic in pics%}
					<li>
						<a href='/media/{{pic.pic}}' title='{{pic.pic}}'>
							<div class='pics' style='padding-bottom:0px;' id='pic{{pic.id}}'>
								<img alt='{{pic.pic}}' src='/media/{{pic.pic}}' width=100% height=100% >
							</div>
						</a>
					</li>
				{% endfor%}
				</ul>
			</div>
			<!-- <div id="blog-pic-div" style="display:none;"></div> -->
			<div class='comment-body' >
				<form method='post' action="/blog/pic/comment/{{picinfo.id}}/">
						{{form.content}}
					<div style='clear:both;'>
						{% if form.errors %}
							<div class='error-msg-add-blog'>
								<div class='help-block'>{{ form.content.errors }}</div>
							</div>
						{% endif %}
						<button class='comment-btn'>发布</button>
					</div>
				</form>
			</div>
			{% for comment in comments %}
				<div id='comment-display'>
					<div id='comment-info'>
						<p>游客与 {{comment.timestamp}} 发表了评论</p>
					</div>
					<div id='comment-body-info'><pre>{{comment.content}}</pre></div>
				</div>
			{% endfor %}
		</div>
		<div class='blog-right' style='border-left:2px solid rgba(6, 72, 247, 0.5);'>
			<div style='border-bottom: 1px solid rgba(81, 204, 49, 0.5);'><p class='fenlei-p'>最新文章</p></div>
			<div class='new-blog'>
				{% for new in newblogs %}
					<a href='/blog/article/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
			<div style='border-bottom: 1px solid rgba(72, 49, 204, 0.5);'><p class='fenlei-p'>旅行日志</p></div>
			<div class='new-blog'>
				{% for new in travels %}
					<a href='/blog/travel/{{ new.id }}/'><div><p>{{ new.title }}</p></div></a>
				{% endfor %}
			</div>
		</div>
	</div>
{% endblock %}